<template>
  <div class="modelHint" v-show="zidingyi">
    <div class="modelHint_text">
      <i class="iconfont icon-guanbi" @click="modelHint"></i>
      <p>{{ msg }}</p>
      <button @click="modelText">确 定</button>
    </div>
  </div>

</template>
<script>
export default {
  name: 'modelHint',
  props:['modelText','zidingyi'],
  data(){
     return{
       msg:'已经开始30分钟，现在取消只需要对方支付，你需要与雇主协商并得到对方同意。'
     }
  },
  methods: {
    modelHint(){
//      this.modelShow = false;
      this.$emit('zidingyiFn',false)
    }
  }
}
</script>

<style scoped>
  .modelHint{position: absolute;top:0;left:0;width:100%;height:100%;z-index: 999;background:rgba(0,0,0,0.5);}
  .modelHint_text{position:absolute;top:50%;left:50%;margin:-45% 0 0 -37.5%;width:65%;padding:4% 5% 5%;border-radius: 10px;background: #fff;z-index: 9999;}
  .modelHint_text p{padding:1rem 0 1.5rem;}
  .modelHint_text i.icon-guanbi{display: block;text-align: right;margin-right: -.3rem;}
  .modelHint_text button{width:80%;margin:0 auto;display: block;padding:4% 0;border-radius:20px;background: #ffa200;color:#fff;}
</style>
